<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">   
    <title>打卡月历</title>
    <link rel="stylesheet" href="../../Gonggong/icon/iconfont.css">
    <link rel="stylesheet" href="../../Gonggong/css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/end.css">
    <link rel="stylesheet" href="./css/month.css">
    <!-- <script src="./js/index.js"></script> -->
    <!-- <script src="../../Gonggong/js/utils.js"></script> -->
    <script>
        window.onload=function(){
        // utils.addHeader(0,'修改密码',``,'1');
        utils.addFooter(1);
             }
    </script>
</head>
<body>
    
<header>
    <a href="./end.html"><i class="iconfont icon-xiangzuo"></i></a>
    <p>打卡月历</p>
    <a href="./tongji.html"><span>月度统计</span></a>
    
</header>

<div class="head">
    <div class="head-1 f10">
        <span> < </span>
        <span>2020年1月</span>
        <span>></span>
    </div>
    <div class="head-2">
        <span>日</span>
        <span>一</span>
        <span>二</span>
        <span>三</span>
        <span>四</span>
        <span>五</span>
        <span class="end">六</span>
    </div>

</div>
    
<div class="main-ri">
    <li>
        <span>1</span>
        <button></button>
    </li>
    <li>
        <span>2</span>
        <button></button>
    </li>
    <li>
        <span>3</span>
        <button></button>
    </li>
    <li>
        <span>4</span>
        <button></button>
    </li>
    <li>
        <span>5</span>
        <button></button>
    </li>
    <li>
        <span>6</span>
        <button></button>
    </li>
    <li>
        <span class="end">7</span>
        <button></button>
    </li>
    <li>
        <span>8</span>
        <button></button>
    </li>
    <li>
        <span>9</span>
        <button></button>
    </li>
    <li>
        <span>10</span>
        <button></button>
    </li>
    <li>
        <span>11</span>
        <button></button>
    </li>
    <li>
        <span>12</span>
        <button></button>
    </li>
    <li>
        <span>13</span>
        <button></button>
    </li>
    <li>
        <span class="end">14</span>
        <button></button>
    </li>
    <li>
        <span>15</span>
        <button></button>
    </li>
    <li>
        <span>16</span>
        <button></button>
    </li>
    <li>
        <span>17</span>
        <button></button>
    </li>
    <li>
        <span>18</span>
        <button></button>
    </li>
    <li>
        <span>19</span>
        <button></button>
    </li>
    <li>
        <span>20</span>
        <button></button>
    </li>
    <li>
        <span class="end">21</span>
        <button></button>
    </li>
    <li>
        <span>22</span>
        <button></button>
    </li>
    <li>
        <span>23</span>
        <button></button>
    </li>
    <li>
        <span>24</span>
        <button></button>
    </li>
    <li>
        <span>25</span>
        <button></button>
    </li>
    <li>
        <span>26</span>
        <button></button>
    </li>
    <li>
        <span>27</span>
        <button></button>
    </li>
    <li>
        <span class="end">28</span>
        <button></button>
    </li>
    <li>
        <span>29</span>
        <button></button>
    </li>
    <li>
        <span>30</span>
        <button></button>
    </li>
    <li>
        <span>31</span>
        <button></button>
    </li>
    
</div>


<div class="main">
    <li>
        <button></button>
        <h4>上班打卡 09:00</h4>
        <span class="chi">迟到</span>
    </li>
    <div class="main-1">
        <p>打卡时间 09:01:01</p>
        <span>打卡地点:北京市朝阳区朝阳公园南路1号</span>
    </div>
    <li>
        <button class="butt2"></button>
        <h4>下班打卡 09:00</h4>
    </li>
    <div class="main-2">
        <p>打卡时间 09:01:01</p>
        <span>打卡地点:北京市朝阳区朝阳公园南路1号</span>
    </div>
</div>
</body>
</html>